﻿
@{
    ViewBag.Title = "ForumCategories";
}

<div class="content-heading">Forum - Categories</div>
<!-- First category table-->
<div class="panel panel-default">
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width: 50%" class="h4">Starting</th>
                <th class="h4 text-center hidden-xs hidden-sm">Topics</th>
                <th class="h4 text-center hidden-xs hidden-sm">Posts</th>
                <th class="h4 hidden-xs hidden-sm">Updated</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Welcome</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Feel free to come inside and introduce yourself!</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>789</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>254</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Arnold Gray</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Forum Rules</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Please read the rules before post</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>15</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>28</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Erika Mckinney</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Announcements</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Latest udpates and news about this forum</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>300</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>561</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Annette Ruiz</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<!-- Second category table-->
<div class="panel panel-default">
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width: 50%" class="h4">Application</th>
                <th class="h4 text-center hidden-xs hidden-sm">Topics</th>
                <th class="h4 text-center hidden-xs hidden-sm">Posts</th>
                <th class="h4 hidden-xs hidden-sm">Updated</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Getting Started</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Donec id lectus tortor.</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>789</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>254</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Arnold Gray</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>API</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Etiam pharetra, orci sit amet lobortis malesuada.</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>15</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>28</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Erika Mckinney</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Updates</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Etiam porttitor consectetur lectus, in adipiscing nisi bibendum eu.</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>300</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>561</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Annette Ruiz</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Modules</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Sed viverra rutrum hendrerit.</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>300</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>561</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Floyd Porter</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Migration</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Cum sociis natoque penatibus.</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>300</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>561</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Pedro Fox</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<!-- Third category table-->
<div class="panel panel-default">
    <table class="table table-striped">
        <thead>
            <tr>
                <th style="width: 50%" class="h4">Support</th>
                <th class="h4 text-center hidden-xs hidden-sm">Topics</th>
                <th class="h4 text-center hidden-xs hidden-sm">Posts</th>
                <th class="h4 hidden-xs hidden-sm">Updated</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>F.A.Q.'s</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Frequently asked questions here</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>789</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>254</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Arnold Gray</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Guides</strong>
                        </a>
                    </h4>
                    <div class="text-muted">How to guides here</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>15</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>28</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Erika Mckinney</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Updates</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Latest news about latests updates</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>300</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>561</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Annette Ruiz</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
            <tr>
                <td>
                    <h4>
                        <a href="">
                            <strong>Questions</strong>
                        </a>
                    </h4>
                    <div class="text-muted">Ask for help here</div>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>300</strong>
                </td>
                <td class="text-muted text-center hidden-xs hidden-sm">
                    <strong>561</strong>
                </td>
                <td class="hidden-xs hidden-sm">
                    <a href="">Floyd Porter</a>
                    <br>
                    <small>March 10, 2015</small>
                </td>
            </tr>
        </tbody>
    </table>
</div>